<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>比分网 - 专业足球比赛比分平台，实时更新全球赛事数据</title>
<meta name="description" content="比分网 - 专业足球比赛比分平台，实时更新全球赛事数据：比分网的比分覆盖全球200多个联赛。比分网的界面干净。上比分网，快速查比分，数据准确。">
<meta name="keywords" content="比分网,比分网中国,比分网SPORTS,比分网">
<meta name="robots" content="index, follow">
<meta property="og:title" content="比分网 - 专业足球比赛比分平台，实时更新全球赛事数据">
<meta property="og:description" content="比分网覆盖全球200多个联赛，实时比分秒级更新，数据准确可靠。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://zhangxing88.com">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0A0A0A;--bg2:#111111;--bg3:#1A1A1A;--bg4:#222222;--orange:#FF6B2A;--blue:#00B4FF;--purple:#8B5CF6;--red:#EF4444;--green:#22C55E;--yellow:#F59E0B;--text:#F5F5F5;--text2:#A0A0A0;--text3:#666;--border:#2A2A2A;--glow-orange:0 0 20px rgba(255,107,42,.3);--glow-blue:0 0 20px rgba(0,180,255,.3)}
body{background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 16px}

/* TOP BAR */
.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:6px 0;font-size:12px;color:var(--text2)}
.topbar .container{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:var(--text2);margin-left:12px;transition:color .2s}
.topbar a:hover{color:var(--orange)}
.topbar .live-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:4px;animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* HEADER */
.header{background:var(--bg);border-bottom:1px solid var(--border);padding:12px 0;position:sticky;top:0;z-index:100}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:900;letter-spacing:-1px;flex-shrink:0}
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--orange),var(--red));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff}
.logo span{background:linear-gradient(90deg,var(--orange),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.search-box{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 12px;width:280px;transition:border-color .2s}
.search-box:focus-within{border-color:var(--orange)}
.search-box input{background:none;border:none;color:var(--text);outline:none;width:100%;font-size:13px}
.search-box input::placeholder{color:var(--text3)}
.search-icon{color:var(--text3);margin-right:8px;flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.btn{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:5px}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}
.btn-outline:hover{border-color:var(--orange);color:var(--orange)}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff}
.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--glow-orange)}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}
.btn-blue:hover{opacity:.9;box-shadow:var(--glow-blue)}

/* NAV */
.nav{background:var(--bg2);border-bottom:1px solid var(--border);padding:0}
.nav .container{display:flex;align-items:center;gap:0;overflow-x:auto}
.nav a{padding:12px 18px;font-size:14px;font-weight:600;color:var(--text2);white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent;position:relative}
.nav a:hover,.nav a.active{color:var(--orange);border-bottom-color:var(--orange)}
.nav a .nav-badge{position:absolute;top:6px;right:2px;background:var(--red);color:#fff;font-size:9px;padding:1px 5px;border-radius:10px;font-weight:700;animation:pulse 1.2s infinite}
.nav-icon{margin-right:4px}

/* HERO */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0D0D0D 0%,#1a0a00 50%,#0a0a1a 100%);padding:0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.hero-content{padding:60px 48px;display:flex;flex-direction:column;justify-content:center;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,107,42,.15);border:1px solid rgba(255,107,42,.3);color:var(--orange);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content;margin-bottom:20px}
.hero-title{font-size:48px;font-weight:900;line-height:1.1;margin-bottom:16px;background:linear-gradient(90deg,#fff 0%,#ccc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-title em{font-style:normal;background:linear-gradient(90deg,var(--orange),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{color:var(--text2);font-size:16px;margin-bottom:32px;line-height:1.7;max-width:480px}
.hero-stats{display:flex;gap:32px;margin-top:40px}
.hero-stat-num{font-size:28px;font-weight:900;color:var(--orange)}
.hero-stat-label{font-size:12px;color:var(--text3);margin-top:2px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:40px}
.hero-card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.hero-card-league{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:1px}
.hero-card-live{display:flex;align-items:center;gap:5px;color:var(--red);font-size:12px;font-weight:700}
.hero-card-live::before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 1s infinite}
.hero-match{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-team{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.team-logo{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}
.team-logo.home{background:linear-gradient(135deg,#FF6B2A,#FF8F5E);color:#fff}
.team-logo.away{background:linear-gradient(135deg,#00B4FF,#5DAFFF);color:#fff}
.team-name{font-size:13px;font-weight:600;text-align:center}
.hero-score{display:flex;align-items:center;gap:8px;font-size:36px;font-weight:900}
.hero-score span{color:var(--text3);font-size:20px}
.hero-match-time{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text3)}
.hero-match-time strong{color:var(--green);font-size:14px}
.hero-float{position:absolute;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:12px;animation:float 3s ease-in-out infinite}
.hero-float-1{top:20px;right:20px;color:var(--green)}
.hero-float-2{bottom:40px;left:0px;color:var(--blue);animation-delay:1.5s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-bg-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}
.hero-bg-glow-1{background:var(--orange);top:-100px;left:-100px}
.hero-bg-glow-2{background:var(--blue);bottom:-100px;right:-100px}

/* SECTION TITLES */
.section{padding:32px 0}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.section-title{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}
.section-title::before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--orange),var(--red));border-radius:2px}
.section-more{font-size:12px;color:var(--text3);transition:color .2s}
.section-more:hover{color:var(--orange)}

/* LIVE SCORES TICKER */
.ticker{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;overflow:hidden}
.ticker-inner{display:flex;gap:16px;animation:scroll 40s linear infinite}
.ticker-inner:hover{animation-play-state:paused}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:flex;align-items:center;gap:10px;padding:6px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:border-color .2s}
.ticker-item:hover{border-color:var(--orange)}
.ticker-league{font-size:10px;color:var(--text3);text-transform:uppercase}
.ticker-teams{font-size:12px;font-weight:600}
.ticker-score{font-size:13px;font-weight:800;color:var(--orange);background:rgba(255,107,42,.1);padding:2px 8px;border-radius:4px}
.ticker-status{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:700}
.ticker-status.live{background:rgba(239,68,68,.15);color:var(--red)}
.ticker-status.ht{background:rgba(245,158,11,.15);color:var(--yellow)}
.ticker-status.ft{background:rgba(100,100,100,.15);color:var(--text3)}

/* MAIN GRID */
.main-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}

/* MATCH CARDS */
.match-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s;cursor:pointer}
.match-card:hover{border-color:var(--orange);transform:translateX(4px);box-shadow:var(--glow-orange)}
.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.match-card-league{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:6px}
.match-card-league img{width:16px;height:16px;border-radius:50%}
.match-card-time{font-size:11px;color:var(--text3)}
.match-card-time strong{color:var(--green)}
.match-card-body{display:flex;align-items:center;justify-content:space-between}
.match-team{display:flex;align-items:center;gap:10px;flex:1}
.match-team.away{flex-direction:row-reverse;text-align:right}
.team-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}
.team-badge.red{background:linear-gradient(135deg,#EF4444,#DC2626)}
.team-badge.blue{background:linear-gradient(135deg,#3B82F6,#1D4ED8)}
.team-badge.green{background:linear-gradient(135deg,#22C55E,#16A34A)}
.team-badge.purple{background:linear-gradient(135deg,#8B5CF6,#6D28D9)}
.team-badge.orange{background:linear-gradient(135deg,#F97316,#EA580C)}
.team-badge.yellow{background:linear-gradient(135deg,#EAB308,#CA8A04)}
.team-badge.pink{background:linear-gradient(135deg,#EC4899,#BE185D)}
.team-badge.teal{background:linear-gradient(135deg,#14B8A6,#0D9488)}
.team-info{font-size:13px;font-weight:600}
.match-score{display:flex;align-items:center;gap:6px;padding:0 16px;font-size:22px;font-weight:900}
.match-score .sep{color:var(--text3);font-size:16px}
.match-score .win{color:var(--orange)}
.match-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:var(--text3)}
.match-footer-tags{display:flex;gap:6px}
.match-tag{padding:2px 8px;background:var(--bg4);border-radius:4px;font-size:10px}
.match-tag.live{background:rgba(239,68,68,.15);color:var(--red)}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:16px}
.sidebar-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.sidebar-card-header{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}
.sidebar-card-header .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.table-wrap{overflow-x:auto}
.standings-table{width:100%;border-collapse:collapse;font-size:12px}
.standings-table th{padding:8px 10px;text-align:left;color:var(--text3);font-weight:600;background:var(--bg4);border-bottom:1px solid var(--border);white-space:nowrap}
.standings-table th:nth-child(3),.standings-table td:nth-child(3){text-align:center}
.standings-table td{padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.standings-table tr:last-child td{border-bottom:none}
.standings-table tr:hover td{background:rgba(255,107,42,.05)}
.rank-num{width:20px;height:20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.rank-num.top{background:rgba(34,197,94,.15);color:var(--green)}
.rank-num.mid{background:rgba(59,130,246,.15);color:var(--blue)}
.rank-num.low{background:rgba(100,100,100,.15);color:var(--text3)}
.team-cell{display:flex;align-items:center;gap:6px;font-weight:600}
.team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.form-dots{display:flex;gap:2px}
.form-dot{width:14px;height:14px;border-radius:3px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}
.form-dot.w{background:rgba(34,197,94,.2);color:var(--green)}
.form-dot.d{background:rgba(245,158,11,.2);color:var(--yellow)}
.form-dot.l{background:rgba(239,68,68,.2);color:var(--red)}
.points-cell{font-weight:800;color:var(--orange)}

/* SCORER TABLE */
.scorer-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .2s}
.scorer-row:last-child{border-bottom:none}
.scorer-row:hover{background:rgba(255,107,42,.05)}
.scorer-rank{font-size:12px;font-weight:800;color:var(--text3);width:16px}
.scorer-rank.top3{color:var(--orange)}
.scorer-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.scorer-info{flex:1;min-width:0}
.scorer-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scorer-team{font-size:11px;color:var(--text3)}
.scorer-goals{font-size:16px;font-weight:900;color:var(--orange)}

/* NEWS */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .25s;cursor:pointer}
.news-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 8px 30px rgba(255,107,42,.15)}
.news-card.featured{grid-column:span 2;grid-row:span 2}
.news-img{width:100%;aspect-ratio:16/9;background:var(--bg4);position:relative;overflow:hidden}
.news-card.featured .news-img{aspect-ratio:16/10}
.news-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative}
.news-img-placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 100%)}
.news-body{padding:14px}
.news-card.featured .news-body{padding:20px}
.news-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.news-tag.red{background:rgba(239,68,68,.15);color:var(--red)}
.news-tag.blue{background:rgba(59,130,246,.15);color:var(--blue)}
.news-tag.orange{background:rgba(255,107,42,.15);color:var(--orange)}
.news-tag.green{background:rgba(34,197,94,.15);color:var(--green)}
.news-tag.purple{background:rgba(139,92,246,.15);color:var(--purple)}
.news-title{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card.featured .news-title{font-size:18px;-webkit-line-clamp:3}
.news-excerpt{font-size:12px;color:var(--text3);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.news-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:8px}

/* VIDEO */
.video-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.video-scroll::-webkit-scrollbar{height:4px}
.video-scroll::-webkit-scrollbar-track{background:var(--bg3);border-radius:2px}
.video-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.video-card{flex-shrink:0;width:220px;scroll-snap-align:start;cursor:pointer}
.video-card:hover .video-thumb{border-color:var(--orange)}
.video-thumb{width:220px;height:124px;border-radius:10px;overflow:hidden;position:relative;border:2px solid var(--border);transition:border-color .2s}
.video-thumb-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}
.play-btn{width:40px;height:40px;background:rgba(255,107,42,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}
.video-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.8);padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600}
.video-info{padding:8px 2px}
.video-title{font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.video-meta{font-size:11px;color:var(--text3)}

/* COMMUNITY */
.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.poll-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s;cursor:pointer}
.poll-card:hover{border-color:var(--purple);box-shadow:0 0 20px rgba(139,92,246,.15)}
.poll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.poll-title{font-size:13px;font-weight:700;line-height:1.4}
.poll-votes{font-size:11px;color:var(--text3)}
.poll-option{margin-bottom:8px}
.poll-option-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:var(--text2)}
.poll-bar-bg{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}
.poll-bar{height:100%;border-radius:3px;transition:width 1s ease}
.poll-bar.orange{background:linear-gradient(90deg,var(--orange),var(--yellow))}
.poll-bar.blue{background:linear-gradient(90deg,var(--blue),var(--purple))}
.poll-bar.green{background:linear-gradient(90deg,var(--green),#34D399)}
.poll-bar.red{background:linear-gradient(90deg,var(--red),#F87171)}
.comment-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:14px}
.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.comment-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.comment-user{font-size:12px;font-weight:600}
.comment-time{font-size:10px;color:var(--text3);margin-left:auto}
.comment-text{font-size:12px;color:var(--text2);line-height:1.6}

/* FOOTER */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:40px 0 20px;margin-top:32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:24px;margin-bottom:32px}
.footer-brand .logo{margin-bottom:12px}
.footer-desc{font-size:12px;color:var(--text3);line-height:1.8;margin-bottom:16px}
.footer-social{display:flex;gap:8px}
.social-icon{width:32px;height:32px;border-radius:8px;background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;cursor:pointer}
.social-icon:hover{border-color:var(--orange);color:var(--orange)}
.footer-col-title{font-size:13px;font-weight:700;margin-bottom:12px;color:var(--text)}
.footer-links{list-style:none}
.footer-links li{margin-bottom:8px}
.footer-links a{font-size:12px;color:var(--text3);transition:color .2s}
.footer-links a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:11px;color:var(--text3)}
.footer-tags{display:flex;gap:8px;flex-wrap:wrap}
.footer-tag{font-size:10px;padding:3px 8px;background:var(--bg4);border:1px solid var(--border);border-radius:4px;color:var(--text3)}
.accessibility-bar{background:linear-gradient(90deg,rgba(255,107,42,.1),rgba(139,92,246,.1));border:1px solid rgba(255,107,42,.2);border-radius:8px;padding:10px 16px;text-align:center;font-size:12px;color:var(--text2);margin-top:20px}
.accessibility-bar strong{color:var(--orange)}

/* MOBILE BOTTOM NAV */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100}
.mobile-bottom-nav .container{display:flex;justify-content:space-around;align-items:center}
.mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text3);cursor:pointer;transition:color .2s}
.mob-nav-item.active,.mob-nav-item:hover{color:var(--orange)}
.mob-nav-icon{font-size:18px}
.mob-fab{width:44px;height:44px;background:linear-gradient(135deg,var(--orange),var(--red));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:var(--glow-orange);margin-top:-20px}

/* ANIMATIONS */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .5s ease forwards}

/* RESPONSIVE */
@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.hero-visual{display:none}
.hero-content{padding:40px 24px}
.hero-title{font-size:36px}
.main-grid{grid-template-columns:1fr}
.news-grid{grid-template-columns:1fr 1fr}
.news-card.featured{grid-column:span 2;grid-row:span 1}
.community-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
.hero-title{font-size:28px}
.hero-stats{gap:20px}
.hero-stat-num{font-size:22px}
.search-box{display:none}
.nav a{padding:10px 14px;font-size:13px}
.news-grid{grid-template-columns:1fr}
.news-card.featured{grid-column:span 1}
.community-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.mobile-bottom-nav{display:block}
body{padding-bottom:70px}
.header .container{padding:0}
}
@media(max-width:480px){
.hero-content{padding:24px 16px}
.hero-title{font-size:24px}
.hero-stats{flex-wrap:wrap;gap:16px}
.container{padding:0 12px}
}
</style>
</head>
<body>
<script src="/fkmip.js?v=1788271956"></script>


<!-- TOP BAR -->
<div class="topbar">
<div class="container">
<div><span class="live-dot"></span> 当前有 <strong style="color:var(--orange)">12</strong> 场比赛正在直播中 | 更新于 2026年7月15日 22:35</div>
<div>
<a href="#about">关于我们</a>
<a href="#help">帮助中心</a>
<a href="#app">下载APP</a>
</div>
</div>
</div>

<!-- HEADER -->
<header class="header">
<div class="container">
<a href="/" class="logo">
<div class="logo-icon">比</div>
<span>比分网</span>
</a>
<div class="search-box">
<span class="search-icon">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
</span>
<input type="text" placeholder="搜索球队、球员、联赛...">
</div>
<div class="header-actions">
<a href="#login" class="btn btn-outline">登录</a>
<a href="#register" class="btn btn-primary">注册</a>
</div>
</div>
</header>

<!-- NAV -->
<nav class="nav">
<div class="container">
<a href="/" class="active"><span class="nav-icon">🏠</span>首页</a>
<a href="#live">正在直播<span class="nav-badge">12</span></a>
<a href="#scores">实时比分</a>
<a href="#schedule">赛程日历</a>
<a href="#news">体育新闻</a>
<a href="#data">数据榜单</a>
<a href="#videos">视频集锦</a>
<a href="#community">球迷社区</a>
<a href="#analysis">赛事分析</a>
<a href="#about">关于我们</a>
</div>
</nav>

<!-- HERO -->
<section class="hero">
<div class="hero-bg-glow hero-bg-glow-1"></div>
<div class="hero-bg-glow hero-bg-glow-2"></div>
<div class="hero-grid">
<div class="hero-content">
<div class="hero-badge">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10" opacity=".3"/><circle cx="12" cy="12" r="4"/></svg>
实时直播中 · 秒级更新
</div>
<h1 class="hero-title">全球赛事<em>实时比分</em><br>一站式体育数据平台</h1>
<p class="hero-sub">比分网覆盖全球200+职业联赛，提供足球、篮球等主流赛事的实时比分、技术统计、积分榜、射手榜等全方位数据服务。高清直播流配合专业数据API，让每一刻精彩都不被错过。</p>
<div style="display:flex;gap:12px;flex-wrap:wrap">
<a href="#live" class="btn btn-primary" style="padding:12px 28px;font-size:15px;border-radius:8px">
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg>
观看直播
</a>
<a href="#scores" class="btn btn-outline" style="padding:12px 28px;font-size:15px;border-radius:8px;border-color:var(--border)">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>
查看比分
</a>
</div>
<div class="hero-stats">
<div><div class="hero-stat-num">200+</div><div class="hero-stat-label">覆盖联赛</div></div>
<div><div class="hero-stat-num">50+</div><div class="hero-stat-label">国家地区</div></div>
<div><div class="hero-stat-num">秒级</div><div class="hero-stat-label">实时更新</div></div>
<div><div class="hero-stat-num">1000万+</div><div class="hero-stat-label">活跃用户</div></div>
</div>
</div>
<div class="hero-visual">
<div class="hero-card">
<div class="hero-card-header">
<span class="hero-card-league">⚽ 欧洲冠军联赛 · 半决赛</span>
<span class="hero-card-live">LIVE 67'</span>
</div>
<div class="hero-match">
<div class="hero-team">
<div class="team-logo home">M</div>
<div class="team-name">曼城</div>
</div>
<div class="hero-score">
<span class="win">2</span>
<span class="sep">:</span>
<span>1</span>
</div>
<div class="hero-team">
<div class="team-logo away">B</div>
<div class="team-name">拜仁慕尼黑</div>
</div>
</div>
<div class="hero-match-time">
比赛进行中 · 下半场 67分钟<br>
<strong>⚽ 哈兰德 23' 89' &nbsp; | &nbsp; ⚽ 凯恩 45'</strong>
</div>
</div>
<div class="hero-float hero-float-1">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:middle;margin-right:4px"><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg>
社区竞猜热度：89%
</div>
<div class="hero-float hero-float-2">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:middle;margin-right:4px"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg>
12场高清直播中
</div>
</div>
</div>
</section>

<!-- LIVE SCORES TICKER -->
<div class="ticker">
<div class="container" style="overflow:hidden">
<div class="ticker-inner" id="ticker">
<div class="ticker-item"><span class="ticker-league">英超</span><span class="ticker-teams">阿森纳 vs 利物浦</span><span class="ticker-score">2 : 1</span><span class="ticker-status live">67'</span></div>
<div class="ticker-item"><span class="ticker-league">西甲</span><span class="ticker-teams">巴萨 vs 皇马</span><span class="ticker-score">1 : 1</span><span class="ticker-status ht">HT</span></div>
<div class="ticker-item"><span class="ticker-league">欧冠</span><span class="ticker-teams">曼城 vs 拜仁</span><span class="ticker-score">2 : 1</span><span class="ticker-status live">67'</span></div>
<div class="ticker-item"><span class="ticker-league">意甲</span><span class="ticker-teams">国米 vs 尤文</span><span class="ticker-score">3 : 0</span><span class="ticker-status ft">FT</span></div>
<div class="ticker-item"><span class="ticker-league">NBA</span><span class="ticker-teams">湖人 vs 勇士</span><span class="ticker-score">98 : 102</span><span class="ticker-status live">Q3</span></div>
<div class="ticker-item"><span class="ticker-league">中超</span><span class="ticker-teams">申花 vs 国安</span><span class="ticker-score">0 : 0</span><span class="ticker-status live">34'</span></div>
<div class="ticker-item"><span class="ticker-league">德甲</span><span class="ticker-teams">多特 vs 莱比锡</span><span class="ticker-score">2 : 2</span><span class="ticker-status live">78'</span></div>
<div class="ticker-item"><span class="ticker-league">法甲</span><span class="ticker-teams">PSG vs 马赛</span><span class="ticker-score">4 : 1</span><span class="ticker-status ft">FT</span></div>
<!-- Duplicate for seamless scroll -->
<div class="ticker-item"><span class="ticker-league">英超</span><span class="ticker-teams">阿森纳 vs 利物浦</span><span class="ticker-score">2 : 1</span><span class="ticker-status live">67'</span></div>
<div class="ticker-item"><span class="ticker-league">西甲</span><span class="ticker-teams">巴萨 vs 皇马</span><span class="ticker-score">1 : 1</span><span class="ticker-status ht">HT</span></div>
<div class="ticker-item"><span class="ticker-league">欧冠</span><span class="ticker-teams">曼城 vs 拜仁</span><span class="ticker-score">2 : 1</span><span class="ticker-status live">67'</span></div>
<div class="ticker-item"><span class="ticker-league">意甲</span><span class="ticker-teams">国米 vs 尤文</span><span class="ticker-score">3 : 0</span><span class="ticker-status ft">FT</span></div>
<div class="ticker-item"><span class="ticker-league">NBA</span><span class="ticker-teams">湖人 vs 勇士</span><span class="ticker-score">98 : 102</span><span class="ticker-status live">Q3</span></div>
<div class="ticker-item"><span class="ticker-league">中超</span><span class="ticker-teams">申花 vs 国安</span><span class="ticker-score">0 : 0</span><span class="ticker-status live">34'</span></div>
<div class="ticker-item"><span class="ticker-league">德甲</span><span class="ticker-teams">多特 vs 莱比锡</span><span class="ticker-score">2 : 2</span><span class="ticker-status live">78'</span></div>
<div class="ticker-item"><span class="ticker-league">法甲</span><span class="ticker-teams">PSG vs 马赛</span><span class="ticker-score">4 : 1</span><span class="ticker-status ft">FT</span></div>
</div>
</div>
</div>

<!-- LIVE MATCHES + SIDEBAR -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">正在直播</h2>
<a href="#live" class="section-more">查看全部 ›</a>
</div>
<div class="main-grid">
<div class="main-content">
<!-- Match 1 -->
<div class="match-card">
<div class="match-card-header">
<span class="match-card-league">⚽ 欧洲冠军联赛 · 半决赛 · 第一回合</span>
<span class="match-card-time"><strong>67'</strong> 下半场</span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge orange">M</div>
<div class="team-info">曼城</div>
</div>
<div class="match-score"><span class="win">2</span><span class="sep">:</span><span>1</span></div>
<div class="match-team away">
<div class="team-badge blue">B</div>
<div class="team-info">拜仁慕尼黑</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag live">● 直播中</span>
<span class="match-tag">高清无插件</span>
<span class="match-tag">技术统计</span>
</div>
<span>⚽ 哈兰德 23' 89' &nbsp;|&nbsp; ⚽ 凯恩 45'</span>
</div>
</div>
<!-- Match 2 -->
<div class="match-card">
<div class="match-card-header">
<span class="match-card-league">⚽ 英格兰超级联赛 · 第36轮</span>
<span class="match-card-time"><strong>72'</strong> 下半场</span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge red">A</div>
<div class="team-info">阿森纳</div>
</div>
<div class="match-score"><span class="win">2</span><span class="sep">:</span><span>1</span></div>
<div class="match-team away">
<div class="team-badge purple">L</div>
<div class="team-info">利物浦</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag live">● 直播中</span>
<span class="match-tag">高清无插件</span>
</div>
<span>⚽ 萨卡 15' 60' &nbsp;|&nbsp; ⚽ 萨拉赫 38'</span>
</div>
</div>
<!-- Match 3 -->
<div class="match-card">
<div class="match-card-header">
<span class="match-card-league">⚽ 西班牙甲级联赛 · 第34轮</span>
<span class="match-card-time">半场休息</span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge green">B</div>
<div class="team-info">巴塞罗那</div>
</div>
<div class="match-score"><span>1</span><span class="sep">:</span><span>1</span></div>
<div class="match-team away">
<div class="team-badge red">R</div>
<div class="team-info">皇家马德里</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag">HT</span>
<span class="match-tag">高清无插件</span>
<span class="match-tag">国家德比</span>
</div>
<span>⚽ 莱万 22' &nbsp;|&nbsp; ⚽ 维尼修斯 40'</span>
</div>
</div>
<!-- Match 4 -->
<div class="match-card">
<div class="match-card-header">
<span class="match-card-league">🏀 NBA季后赛 · 西部半决赛 G4</span>
<span class="match-card-time"><strong>Q3 5:22</strong></span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge yellow">L</div>
<div class="team-info">洛杉矶湖人</div>
</div>
<div class="match-score"><span>98</span><span class="sep">:</span><span class="win">102</span></div>
<div class="match-team away">
<div class="team-badge blue">G</div>
<div class="team-info">金州勇士</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag live">● 直播中</span>
<span class="match-tag">高清无插件</span>
</div>
<span>勒布朗·詹姆斯 28分 7篮板 &nbsp;|&nbsp; 库里 32分 5助攻</span>
</div>
</div>
<!-- Match 5 -->
<div class="match-card">
<div class="match-card-header">
<span class="match-card-league">⚽ 中国足球超级联赛 · 第18轮</span>
<span class="match-card-time"><strong>34'</strong> 上半场</span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge blue">S</div>
<div class="team-info">上海申花</div>
</div>
<div class="match-score"><span>0</span><span class="sep">:</span><span>0</span></div>
<div class="match-team away">
<div class="team-badge red">G</div>
<div class="team-info">北京国安</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag live">● 直播中</span>
<span class="match-tag">高清无插件</span>
</div>
<span>比赛进行中，双方互有攻守</span>
</div>
</div>
<!-- Match 6 - FT -->
<div class="match-card" style="opacity:.7">
<div class="match-card-header">
<span class="match-card-league">⚽ 意大利甲级联赛 · 第33轮</span>
<span class="match-card-time">已结束</span>
</div>
<div class="match-card-body">
<div class="match-team">
<div class="team-badge teal">I</div>
<div class="team-info">国际米兰</div>
</div>
<div class="match-score"><span class="win">3</span><span class="sep">:</span><span>0</span></div>
<div class="match-team away">
<div class="team-badge purple">J</div>
<div class="team-info">尤文图斯</div>
</div>
</div>
<div class="match-footer">
<div class="match-footer-tags">
<span class="match-tag ft">FT</span>
<span class="match-tag">回放可用</span>
</div>
<span>⚽ 劳塔罗 12' 55' 78'</span>
</div>
</div>
</div>

<!-- SIDEBAR -->
<div class="sidebar">
<!-- Standings -->
<div class="sidebar-card">
<div class="sidebar-card-header">
<span class="dot"></span> 英超积分榜
</div>
<div class="table-wrap">
<table class="standings-table">
<thead><tr><th>#</th><th>球队</th><th>场</th><th>胜</th><th>平</th><th>负</th><th>积分</th></tr></thead>
<tbody>
<tr><td><span class="rank-num top">1</span></td><td><div class="team-cell"><span class="team-dot" style="background:#EF4444"></span>阿森纳</div></td><td>36</td><td>27</td><td>5</td><td>4</td><td class="points-cell">86</td></tr>
<tr><td><span class="rank-num top">2</span></td><td><div class="team-cell"><span class="team-dot" style="background:#3B82F6"></span>曼城</div></td><td>36</td><td>25</td><td>7</td><td>4</td><td class="points-cell">82</td></tr>
<tr><td><span class="rank-num top">3</span></td><td><div class="team-cell"><span class="team-dot" style="background:#DC2626"></span>利物浦</div></td><td>36</td><td>24</td><td>8</td><td>4</td><td class="points-cell">80</td></tr>
<tr><td><span class="rank-num mid">4</span></td><td><div class="team-cell"><span class="team-dot" style="background:#7C3AED"></span>切尔西</div></td><td>36</td><td>20</td><td>7</td><td>9</td><td class="points-cell">67</td></tr>
<tr><td><span class="rank-num mid">5</span></td><td><div class="team-cell"><span class="team-dot" style="background:#F97316"></span>热刺</div></td><td>36</td><td>18</td><td>6</td><td>12</td><td class="points-cell">60</td></tr>
<tr><td><span class="rank-num mid">6</span></td><td><div class="team-cell"><span class="team-dot" style="background:#059669"></span>维拉</div></td><td>36</td><td>17</td><td>7</td><td>12</td><td class="points-cell">58</td></tr>
<tr><td><span class="rank-num low">7</span></td><td><div class="team-cell"><span class="team-dot" style="background:#F59E0B"></span>纽卡</div></td><td>36</td><td>16</td><td>8</td><td>12</td><td class="points-cell">56</td></tr>
<tr><td><span class="rank-num low">8</span></td><td><div class="team-cell"><span class="team-dot" style="background:#EC4899"></span>曼联</div></td><td>36</td><td>15</td><td>6</td><td>15</td><td class="points-cell">51</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Top Scorers -->
<div class="sidebar-card">
<div class="sidebar-card-header">
<span class="dot" style="background:var(--orange)"></span> 英超射手榜
</div>
<div class="scorer-row"><span class="scorer-rank top3">1</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#F97316,#EA580C)">E</div><div class="scorer-info"><div class="scorer-name">埃尔林·哈兰德</div><div class="scorer-team">曼城</div></div><span class="scorer-goals">28</span></div>
<div class="scorer-row"><span class="scorer-rank top3">2</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#EF4444,#DC2626)">S</div><div class="scorer-info"><div class="scorer-name">穆罕默德·萨拉赫</div><div class="scorer-team">利物浦</div></div><span class="scorer-goals">22</span></div>
<div class="scorer-row"><span class="scorer-rank top3">3</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#8B5CF6,#6D28D9)">B</div><div class="scorer-info"><div class="scorer-name">布卡约·萨卡</div><div class="scorer-team">阿森纳</div></div><span class="scorer-goals">18</span></div>
<div class="scorer-row"><span class="scorer-rank">4</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#3B82F6,#1D4ED8)">C</div><div class="scorer-info"><div class="scorer-name">科迪·加克波</div><div class="scorer-team">利物浦</div></div><span class="scorer-goals">15</span></div>
<div class="scorer-row"><span class="scorer-rank">5</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#22C55E,#16A34A)">P</div><div class="scorer-info"><div class="scorer-name">亚历山大·伊萨克</div><div class="scorer-team">纽卡斯尔</div></div><span class="scorer-goals">14</span></div>
</div>
<!-- Upcoming -->
<div class="sidebar-card">
<div class="sidebar-card-header">
<span class="dot" style="background:var(--blue)"></span> 即将开始
</div>
<div style="padding:12px 16px">
<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:13px;font-weight:600">巴黎圣日耳曼 vs 马赛后</div><div style="font-size:11px;color:var(--text3)">法甲 · 21:00</div></div>
<span class="match-tag">直播</span>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:13px;font-weight:600">多特蒙德 vs 莱比锡</div><div style="font-size:11px;color:var(--text3)">德甲 · 22:30</div></div>
<span class="match-tag">直播</span>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 0">
<div><div style="font-size:13px;font-weight:600">AC米兰 vs 亚特兰大</div><div style="font-size:11px;color:var(--text3)">意甲 · 明日 03:00</div></div>
<span class="match-tag">预约</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- NEWS -->
<section class="section" style="background:var(--bg2)">
<div class="container">
<div class="section-header">
<h2 class="section-title">体育新闻</h2>
<a href="#news" class="section-more">更多资讯 ›</a>
</div>
<div class="news-grid">
<!-- Featured -->
<div class="news-card featured">
<div class="news-img">
<div class="news-img-placeholder" style="background:linear-gradient(135deg,#1a0500,#3d1500,#0a0a2e)">
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="rgba(255,107,42,.4)" stroke-width="1"><circle cx="12" cy="12" r="10"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/><path d="M2 12h20"/></svg>
</div>
</div>
<div class="news-body">
<span class="news-tag red">独家专题</span>
<h3 class="news-title">欧冠半决赛前瞻：曼城主场迎战拜仁，哈兰德能否延续火热状态？瓜迪奥拉与安切洛蒂的战术博弈引人期待</h3>
<p class="news-excerpt">2026年7月15日，欧洲冠军联赛半决赛首回合即将在伊蒂哈德球场拉开帷幕。曼城主场对阵德甲巨人拜仁慕尼黑，这场强强对话备受全球球迷关注。哈兰德在本赛季欧冠已打入12球，位列射手榜首位，而拜仁方面凯恩重返老东家，势必全力以赴。本文将从战术布置、关键球员 matchup 以及历史交锋数据三个维度进行深度分析，为球迷呈现最全面的赛前指南。</p>
<div class="news-meta"><span>比分网编辑部</span><span>·</span><span>2026-07-15</span><span>·</span><span>阅读 12分钟</span></div>
</div>
</div>
<!-- News 2 -->
<div class="news-card">
<div class="news-img">
<div class="news-img-placeholder" style="background:linear-gradient(135deg,#0a1a0a,#002a00)">
<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="rgba(34,197,94,.4)" stroke-width="1"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>
</div>
</div>
<div class="news-body">
<span class="news-tag green">转会动态</span>
<h3 class="news-title">英超夏季转会窗开启：多支豪门酝酿重磅引援，阿森纳瞄准中场补强</h3>
<p class="news-excerpt">随着英超新赛季临近，各支球队的转会操作进入白热化阶段...</p>
<div class="news-meta"><span>转会记者</span><span>·</span><span>7小时前</span></div>
</div>
</div>
<!-- News 3 -->
<div class="news-card">
<div class="news-img">
<div class="news-img-placeholder" style="background:linear-gradient(135deg,#1a0a2e,#2d1b69)">
<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="rgba(139,92,246,.4)" stroke-width="1"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
</div>
<div class="news-body">
<span class="news-tag purple">深度分析</span>
<h3 class="news-title">西甲国家德比复盘：巴萨与皇马握手言和，争冠形势愈发扑朔迷离</h3>
<p class="news-excerpt">诺坎普球场见证了一场精彩的国家德比，双方各取一分...</p>
<div class="news-meta"><span>战术分析师</span><span>·</span><span>5小时前</span></div>
</div>
</div>
<!-- News 4 -->
<div class="news-card">
<div class="news-img">
<div class="news-img-placeholder" style="background:linear-gradient(135deg,#2a1a00,#4a2d00)">
<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="rgba(245,158,11,.4)" stroke-width="1"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5C7 4 7 7 7 7M18 9h1.5a2.5 2.5 0 0 0 0-5C17 4 17 7 17 7M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22M18 2H6v7a6 6 0 0 0 12 0V2Z"/></svg>
</div>
</div>
<div class="news-body">
<span class="news-tag orange">中超资讯</span>
<h3 class="news-title">中超联赛第18轮焦点战：上海申花主场0比0战平北京国安，德比战充满火药味</h3>
<p class="news-excerpt">这场被寄予厚望的京沪德比最终以平局收场，双方在中场展开激烈绞杀...</p>
<div class="news-meta"><span>中超特派</span><span>·</span><span>3小时前</span></div>
</div>
</div>
<!-- News 5 -->
<div class="news-card">
<div class="news-img">
<div class="news-img-placeholder" style="background:linear-gradient(135deg,#0a1628,#162032)">
<svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="rgba(0,180,255,.4)" stroke-width="1"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
</div>
</div>
<div class="news-body">
<span class="news-tag blue">NBA</span>
<h3 class="news-title">NBA季后赛西部半决赛：勇士主场险胜湖人，大比分扳成2比2平</h3>
<p class="news-excerpt">库里下半场独得18分，带领金州勇士在主场完成逆转...</p>
<div class="news-meta"><span>NBA记者</span><span>·</span><span>1小时前</span></div>
</div>
</div>
</div>
</div>
</section>

<!-- VIDEO HIGHLIGHTS -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">视频集锦</h2>
<a href="#videos" class="section-more">全部视频 ›</a>
</div>
<div class="video-scroll">
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#1a0500,#3d1500)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(255,107,42,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">3:42</span>
</div>
<div class="video-info"><div class="video-title">曼城2:1拜仁 | 哈兰德双响+凯恩破门，欧冠半决赛首回合精彩集锦</div><div class="video-meta">欧冠 · 12.5万次播放</div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#0a1a0a,#002a00)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(34,197,94,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">5:18</span>
</div>
<div class="video-info"><div class="video-title">阿森纳2:1利物浦 | 萨卡梅开二度，英超争冠关键战全程回顾</div><div class="video-meta">英超 · 8.3万次播放</div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#1a0a2e,#2d1b69)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(139,92,246,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">4:05</span>
</div>
<div class="video-info"><div class="video-title">巴萨1:1皇马 | 国家德比全进球，莱万与维尼修斯各入一球</div><div class="video-meta">西甲 · 15.7万次播放</div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#2a1a00,#4a2d00)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(245,158,11,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">2:56</span>
</div>
<div class="video-info"><div class="video-title">国米3:0尤文图斯 | 劳塔罗帽子戏法，蓝黑军团主场完胜德比</div><div class="video-meta">意甲 · 6.1万次播放</div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#0a1628,#162032)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(0,180,255,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">6:33</span>
</div>
<div class="video-info"><div class="video-title">湖人98:102勇士 | 库里末节18分率队逆转，NBA西部半决赛G4</div><div class="video-meta">NBA · 9.8万次播放</div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<div class="video-thumb-inner" style="background:linear-gradient(135deg,#1a0a1a,#2d0a2d)">
<svg width="40" height="40" viewBox="0 0 24 24" fill="rgba(236,72,153,.5)"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#fff"/></svg>
</div>
<div class="video-play"><div class="play-btn">▶</div></div>
<span class="video-duration">3:20</span>
</div>
<div class="video-info"><div class="video-title">申花0:0国安 | 京沪德比激烈对抗，双方门将多次神扑</div><div class="video-meta">中超 · 4.2万次播放</div></div>
</div>
</div>
</div>
</section>

<!-- COMMUNITY -->
<section class="section" style="background:var(--bg2)">
<div class="container">
<div class="section-header">
<h2 class="section-title">球迷社区</h2>
<a href="#community" class="section-more">进入社区 ›</a>
</div>
<div class="community-grid">
<div class="poll-card">
<div class="poll-header">
<span class="poll-title">⚽ 曼城vs拜仁 全场最佳？</span>
<span class="poll-votes">3,842票</span>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>哈兰德</span><span style="color:var(--orange)">45%</span></div>
<div class="poll-bar-bg"><div class="poll-bar orange" style="width:45%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>德容</span><span style="color:var(--blue)">28%</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:28%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>凯恩</span><span style="color:var(--red)">18%</span></div>
<div class="poll-bar-bg"><div class="poll-bar red" style="width:18%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>萨内</span><span style="color:var(--green)">9%</span></div>
<div class="poll-bar-bg"><div class="poll-bar green" style="width:9%"></div></div>
</div>
</div>
<div class="poll-card">
<div class="poll-header">
<span class="poll-title">🏀 库里vs詹姆斯 谁更出色？</span>
<span class="poll-votes">5,217票</span>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>斯蒂芬·库里</span><span style="color:var(--blue)">62%</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:62%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>勒布朗·詹姆斯</span><span style="color:var(--orange)">38%</span></div>
<div class="poll-bar-bg"><div class="poll-bar orange" style="width:38%"></div></div>
</div>
</div>
<div class="poll-card">
<div class="poll-header">
<span class="poll-title">⚽ 英超冠军归属？</span>
<span class="poll-votes">8,934票</span>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>阿森纳</span><span style="color:var(--red)">51%</span></div>
<div class="poll-bar-bg"><div class="poll-bar red" style="width:51%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>曼城</span><span style="color:var(--orange)">35%</span></div>
<div class="poll-bar-bg"><div class="poll-bar orange" style="width:35%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>利物浦</span><span style="color:var(--green)">14%</span></div>
<div class="poll-bar-bg"><div class="poll-bar green" style="width:14%"></div></div>
</div>
</div>
<div class="poll-card">
<div class="poll-header">
<span class="poll-title">🏟️ 下轮焦点战预测</span>
<span class="poll-votes">2,156票</span>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>阿森纳 胜</span><span style="color:var(--red)">42%</span></div>
<div class="poll-bar-bg"><div class="poll-bar red" style="width:42%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>平局</span><span style="color:var(--yellow)">28%</span></div>
<div class="poll-bar-bg"><div class="poll-bar" style="width:28%;background:linear-gradient(90deg,var(--yellow),#FBBF24)"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-label"><span>利物浦 胜</span><span style="color:var(--purple)">30%</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:30%"></div></div>
</div>
</div>
</div>
<!-- Comments -->
<div style="margin-top:20px">
<div class="section-header" style="margin-bottom:12px">
<h2 class="section-title" style="font-size:15px">💬 实时弹幕</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px">
<div class="comment-card">
<div class="comment-header">
<div class="comment-avatar" style="background:linear-gradient(135deg,var(--orange),var(--red))">足</div>
<span class="comment-user">足球达人88</span>
<span class="comment-time">2分钟前</span>
</div>
<div class="comment-text">哈兰德今天状态太好了，这射术简直离谱！曼城主场必胜！⚽🔥</div>
</div>
<div class="comment-card">
<div class="comment-header">
<div class="comment-avatar" style="background:linear-gradient(135deg,var(--blue),var(--purple))">篮</div>
<span class="comment-user">湖人死忠</span>
<span class="comment-time">5分钟前</span>
</div>
<div class="comment-text">詹姆斯今天手感一般，但关键球还是稳的，G5必须调整！💪</div>
</div>
<div class="comment-card">
<div class="comment-header">
<div class="comment-avatar" style="background:linear-gradient(135deg,var(--green),var(--blue))">数</div>
<span class="comment-user">数据控</span>
<span class="comment-time">8分钟前</span>
</div>
<div class="comment-text">巴萨皇马这场控球率55:45，射门18:12，莱万射门转化率12%，太高效了</div>
</div>
</div>
</div>
</div>
</section>

<!-- DATA SECTION -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">数据榜单</h2>
<a href="#data" class="section-more">全部数据 ›</a>
</div>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px">
<!-- La Liga Standings -->
<div class="sidebar-card">
<div class="sidebar-card-header"><span class="dot" style="background:var(--red)"></span> 西甲积分榜</div>
<div class="table-wrap">
<table class="standings-table">
<thead><tr><th>#</th><th>球队</th><th>场</th><th>积分</th></tr></thead>
<tbody>
<tr><td><span class="rank-num top">1</span></td><td><div class="team-cell"><span class="team-dot" style="background:#EE3124"></span>巴塞罗那</div></td><td>34</td><td class="points-cell">78</td></tr>
<tr><td><span class="rank-num top">2</span></td><td><div class="team-cell"><span class="team-dot" style="background:#FEBE10"></span>皇家马德里</div></td><td>34</td><td class="points-cell">75</td></tr>
<tr><td><span class="rank-num top">3</span></td><td><div class="team-cell"><span class="team-dot" style="background:#A32638"></span>马德里竞技</div></td><td>34</td><td class="points-cell">68</td></tr>
<tr><td><span class="rank-num mid">4</span></td><td><div class="team-cell"><span class="team-dot" style="background:#0067B1"></span>皇家社会</div></td><td>34</td><td class="points-cell">61</td></tr>
<tr><td><span class="rank-num mid">5</span></td><td><div class="team-cell"><span class="team-dot" style="background:#D41C29"></span>毕尔巴鄂</div></td><td>34</td><td class="points-cell">58</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Serie A Scorers -->
<div class="sidebar-card">
<div class="sidebar-card-header"><span class="dot" style="background:var(--blue)"></span> 意甲射手榜</div>
<div class="scorer-row"><span class="scorer-rank top3">1</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#00A1E0,#0073CF)">L</div><div class="scorer-info"><div class="scorer-name">劳塔罗·马丁内斯</div><div class="scorer-team">国际米兰</div></div><span class="scorer-goals">24</span></div>
<div class="scorer-row"><span class="scorer-rank top3">2</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#000,#333)">O</div><div class="scorer-info"><div class="scorer-name">奥尼尔</div><div class="scorer-team">那不勒斯</div></div><span class="scorer-goals">19</span></div>
<div class="scorer-row"><span class="scorer-rank top3">3</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#7B2D8E,#5A1D6E)">D</div><div class="scorer-info"><div class="scorer-name">杜万·萨帕塔</div><div class="scorer-team">亚特兰大</div></div><span class="scorer-goals">16</span></div>
<div class="scorer-row"><span class="scorer-rank">4</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#DC2626,#991B1B)">V</div><div class="scorer-info"><div class="scorer-name">弗拉霍维奇</div><div class="scorer-team">尤文图斯</div></div><span class="scorer-goals">14</span></div>
<div class="scorer-row"><span class="scorer-rank">5</span><div class="scorer-avatar" style="background:linear-gradient(135deg,#F59E0B,#D97706)">L</div><div class="scorer-info"><div class="scorer-name">卢卡库</div><div class="scorer-team">罗马</div></div><span class="scorer-goals">13</span></div>
</div>
<!-- Bundesliga -->
<div class="sidebar-card">
<div class="sidebar-card-header"><span class="dot" style="background:var(--green)"></span> 德甲积分榜</div>
<div class="table-wrap">
<table class="standings-table">
<thead><tr><th>#</th><th>球队</th><th>场</th><th>积分</th></tr></thead>
<tbody>
<tr><td><span class="rank-num top">1</span></td><td><div class="team-cell"><span class="team-dot" style="background:#DD0740"></span>多特蒙德</div></td><td>33</td><td class="points-cell">71</td></tr>
<tr><td><span class="rank-num top">2</span></td><td><div class="team-cell"><span class="team-dot" style="background:#DD0740"></span>拜仁慕尼黑</div></td><td>33</td><td class="points-cell">69</td></tr>
<tr><td><span class="rank-num top">3</span></td><td><div class="team-cell"><span class="team-dot" style="background:#E30613"></span>莱比锡红牛</div></td><td>33</td><td class="points-cell">65</td></tr>
<tr><td><span class="rank-num mid">4</span></td><td><div class="team-cell"><span class="team-dot" style="background:#00A85A"></span>勒沃库森</div></td><td>33</td><td class="points-cell">63</td></tr>
<tr><td><span class="rank-num mid">5</span></td><td><div class="team-cell"><span class="team-dot" style="background:#E30613"></span>法兰克福</div></td><td>33</td><td class="points-cell">55</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>

<!-- CTA SECTION -->
<section class="section" style="background:linear-gradient(135deg,rgba(255,107,42,.08),rgba(139,92,246,.08));border-top:1px solid var(--border);border-bottom:1px solid var(--border)">
<div class="container" style="text-align:center;padding:48px 24px">
<h2 style="font-size:32px;font-weight:900;margin-bottom:12px">随时随地，掌握每一刻比分</h2>
<p style="color:var(--text2);font-size:15px;max-width:560px;margin:0 auto 28px;line-height:1.8">下载比分网APP，享受秒级比分推送、高清赛事直播、专业数据分析等全方位体育服务。支持iOS与Android双平台，千万球迷的共同选择。</p>
<div style="display:flex;justify-content:center;gap:12px;flex-wrap:wrap">
<a href="#download" class="btn btn-primary" style="padding:14px 32px;font-size:15px;border-radius:8px">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>
下载APP
</a>
<a href="#features" class="btn btn-outline" style="padding:14px 32px;font-size:15px;border-radius:8px;border-color:var(--border)">了解更多功能</a>
</div>
<div style="display:flex;justify-content:center;gap:40px;margin-top:36px;flex-wrap:wrap">
<div style="text-align:center"><div style="font-size:24px;font-weight:900;color:var(--orange)">4.8</div><div style="font-size:11px;color:var(--text3)">App Store评分</div></div>
<div style="text-align:center"><div style="font-size:24px;font-weight:900;color:var(--blue)">1000万+</div><div style="font-size:11px;color:var(--text3)">注册用户</div></div>
<div style="text-align:center"><div style="font-size:24px;font-weight:900;color:var(--green)">200+</div><div style="font-size:11px;color:var(--text3)">覆盖联赛</div></div>
<div style="text-align:center"><div style="font-size:24px;font-weight:900;color:var(--purple)">99.9%</div><div style="font-size:11px;color:var(--text3)">数据准确率</div></div>
</div>
</div>
</section>

<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo" style="margin-bottom:12px">
<div class="logo-icon">比</div>
<span>比分网</span>
</div>
<p class="footer-desc">比分网是中国领先的体育数据平台，致力于为全球体育爱好者提供准确、及时、全面的赛事数据服务。我们覆盖足球、篮球等主流体育项目，拥有200+职业联赛的实时数据，支持PC端、移动端全平台访问。</p>
<div class="footer-social">
<div class="social-icon" title="微信">微</div>
<div class="social-icon" title="微博">博</div>
<div class="social-icon" title="抖音">抖</div>
<div class="social-icon" title="APP">APP</div>
</div>
</div>
<div>
<div class="footer-col-title">赛事直播</div>
<ul class="footer-links">
<li><a href="#live">英超直播</a></li>
<li><a href="#live">西甲直播</a></li>
<li><a href="#live">欧冠直播</a></li>
<li><a href="#live">意甲直播</a></li>
<li><a href="#live">德甲直播</a></li>
<li><a href="#live">NBA直播</a></li>
<li><a href="#live">中超直播</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">数据服务</div>
<ul class="footer-links">
<li><a href="#data">积分榜</a></li>
<li><a href="#data">射手榜</a></li>
<li><a href="#data">助攻榜</a></li>
<li><a href="#data">赛程日历</a></li>
<li><a href="#data">球队数据</a></li>
<li><a href="#data">球员数据</a></li>
<li><a href="#data">历史交锋</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">社区互动</div>
<ul class="footer-links">
<li><a href="#community">聊球室</a></li>
<li><a href="#community">赛后评分</a></li>
<li><a href="#community">竞猜预测</a></li>
<li><a href="#community">球迷论坛</a></li>
<li><a href="#community">MVP投票</a></li>
<li><a href="#community">观赛房间</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">关于我们</div>
<ul class="footer-links">
<li><a href="#about">平台介绍</a></li>
<li><a href="#about">联系我们</a></li>
<li><a href="#help">帮助中心</a></li>
<li><a href="#about">用户协议</a></li>
<li><a href="#about">隐私政策</a></li>
<li><a href="#about">广告投放</a></li>
<li><a href="#about">合作伙伴</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-copy">© 2026 zhangxing88.com 比分网 版权所有 | 增值电信业务经营许可证 | 互联网体育信息服务许可证</div>
<div class="footer-tags">
<span class="footer-tag">实时比分</span>
<span class="footer-tag">足球直播</span>
<span class="footer-tag">篮球数据</span>
<span class="footer-tag">赛事分析</span>
<span class="footer-tag">球迷社区</span>
<span class="footer-tag">竞猜预测</span>
</div>
</div>
<div class="accessibility-bar">
♿ <strong>无障碍观赛，由你决定氛围</strong>——体育，热爱无界限。比分网致力于为所有体育爱好者提供平等、友好的观赛体验，让每一场比赛都值得被关注。
</div>
</div>
</footer>

<!-- MOBILE BOTTOM NAV -->
<div class="mobile-bottom-nav">
<div class="container">
<a href="/" class="mob-nav-item active">
<span class="mob-nav-icon">🏠</span>
<span>首页</span>
</a>
<a href="#live" class="mob-nav-item">
<span class="mob-nav-icon">📺</span>
<span>直播</span>
</a>
<div class="mob-fab" title="快速竞猜">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<a href="#scores" class="mob-nav-item">
<span class="mob-nav-icon">⚽</span>
<span>比分</span>
</a>
<a href="#community" class="mob-nav-item">
<span class="mob-nav-icon">💬</span>
<span>社区</span>
</a>
</div>
</div>

<script>
(function(){
var ticker=document.getElementById('ticker');
if(ticker){
var items=ticker.children;
var html='';
for(var i=0;i<items.length;i++){html+=items[i].outerHTML;}
ticker.innerHTML=html;
}
var cards=document.querySelectorAll('.match-card');
for(var j=0;j<cards.length;j++){
cards[j].addEventListener('click',function(){window.location.href='#live';});
}
var polls=document.querySelectorAll('.poll-card');
for(var p=0;p<polls.length;p++){
polls[p].addEventListener('click',function(){window.location.href='#community';});
}
})();
</script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"353b9d19e2f24825ab7392d866a38688","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>